<template>
  <div class="box">
    <div class="header" v-for="(item,index) of regname" :key="index">
      <div class="header-cer" @click="btnshow(index,item)">
        <div class="header_tab">
          <span class="col_icon">丨</span>
          <span class="title">{{item.text}}</span>
        </div>
        <div class="header_tab">
          <van-icon :name="item.arrow" custom-class="van-icon" v-if="item.isShow === false" />
          <van-icon :name="item.arrowdown" custom-class="van-icon" v-if="item.isShow === true" />
        </div>
      </div>
      <!--  96-->
      <div class="item-con" v-if="item.isShow">
        <div class="footer-con" v-if="item.cent.user">
          <span :class="item.cent.usericon"></span>
          <span class="footer-text" @click="cent(item.cent.usercen)">{{item.cent.user}}</span>
        </div>
        <div class="footer-con" v-if="item.cent.autonym">
          <span :class="item.cent.autonymicon"></span>
          <span class="footer-text" @click="cent(item.cent.autonymcen)">{{item.cent.autonym}}</span>
        </div>
        <div class="footer-con" v-if="item.cent.bankcard">
          <span :class="item.cent.bankcardicon"></span>
          <span class="footer-text" @click="cent(item.cent.bankcardcen)">{{item.cent.bankcard}}</span>
        </div>
        <div class="footer-con" v-if="item.cent.write">
          <span :class="item.cent.writeicon"></span>
          <span class="footer-text" @click="cent(item.cent.writecen)">{{item.cent.write}}</span>
        </div>
      </div>
    </div>
    <!--弹窗-->
    <van-dialog id="van-dialog" />
  </div>
</template>
<script>
import Dialog from "../../../static/vant/dialog/dialog";
export default {
  data() {
    return {
      regname: [
        {
          text: "新用户注册",
          arrow: "arrow", // 上下图标
          arrowdown: "arrow-down", // 上下图标
          isShow: false,
          cent: {
            user: "账号注册",
            usericon: "iconfont van-col icon-add-account",
            autonym: "实名注册",
            autonymicon: "iconfont van-col icon-certified-supplier ",
            bankcard: "银行卡绑定",
            bankcardicon: "iconfont van-col icon-creditcard",
            write: "账号注销",
            writeicon: "iconfont van-col icon-switch",
            usercen:
              "手机号码必须是中国内地的手机号，其他地区手机号码无法获取到验证码，无法注册；手机号码一旦注册成功通过，不能进行再次修改账号信息；",
            autonymcen:
              "账号注册通过以后，必须及时进行实名认证，实名认证通过以后才能领取任务；提交的信息，必须是同一人的准确信息，否则校验失败不能通过；上传的证件照必须要清晰，证件上面的文字信息必须能够清楚的识别；实名认证信息提交以后，当时就能给出审核结果实名认证信息一旦通过，不能修改其中的任何一条相关信息；",
            bankcardcen:
              "银行卡绑定必须是本人真实银行卡，并且是正常使用的状态；银行卡中的姓名、手机号码、证件信息必须与实名认证中的信息保持一致；在进行所属银行选择时候，必须是系统列表中给出的银行名称，否则就会绑定失败；所绑定的银行卡必须为储蓄银行卡，不能为信用卡等其它卡种；",
            writecen:
              "账号注销成功后，您的手机号码、实名认证信息、银行卡信息以及相关数据信息将会被系统永久清除；账号注销成功后，永久不能再次使用相关账号信息进行账号注册、实名认证以及银行卡绑定等操作； "
          }
        },
        {
          text: "任务领取",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "任务领取规则？",
            usericon: "iconfont van-col icon-prompt",
            autonym: "任务领取之后可以取消吗？",
            autonymicon: "iconfont van-col icon-reduce",
            bankcard: "任务取消次数有限制吗？",
            bankcardicon: "iconfont van-col icon-reeor",
            write: "为什么不能领取任务？",
            writeicon: "iconfont van-col icon-reeor",
            usercen:
              "任务领取规则由任务所属企业制定，任务所属企业对每月任务领取次数、任务间隔时间进行设置； 用户不能够连续两次领取同一家门店任务，如上次领取的是北京劲松店，下次就不能再次领取北京劲松店任务；不能同时领取同一企业两个及其以上的任务；",
            autonymcen:
              "领取任务之后，在规定的时间范围内，用户可在任务界面点击取消任务；任务活动时间截止的前24小时，不允许主动取消任务；若是领取任务之后，在规定的时间内没有主动取消，任务一旦不通过，系统将默认禁用该账号一个月，次月恢复账号正常状态；",
            bankcardcen:
              "累计三次取消任务，将会被系统默认禁用一个月，次月恢复账号正常状态；累计六次取消任务，该账号将会被系统淘汰，不能再次使用；",
            writecen:
              "在任务领取之前，必须要完成实名认证，只有通过实名认证的用户才能领取任务；必须要满足任务领取规则，才能领取相应的目标任务；"
          }
        },
        {
          text: "任务培训",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "什么是任务培训？",
            usericon: "iconfont van-col icon-image-text",
            autonym: "什么是问卷小测试？",
            autonymicon: "iconfont van-col icon-image-text",
            bankcard: "",
            bankcardicon: "",
            write: "",
            writeicon: "",
            usercen:
              "基础培训，是针对第九神秘顾客的操作、规则等相关资料进行的针对性培训；在领取任务前，需要熟读任务详情以及任务培训手册，增强体验与报告的质量；在熟读任务详情以及培训手册之后，需要在规定的时间内完成问卷小测验；",
            autonymcen:
              "在执行任务前，用户都必须通过小测验，并且在规定的时间内必须需要正确的作答，超时作答或者是未作答，任务将会被回收；小测验的目的是为了保证用户已熟读培训手册，对执行任务时候注意事项进行重点关注，并以此为基准去暗访目标任务门店；",
            bankcardcen: "",
            writecen: " "
          }
        },
        {
          text: "任务执行",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "执行任务流程是？",
            usericon: "iconfont van-col icon-history",
            autonym: "执行任务需要注意的事项是什么？",
            autonymicon: "iconfont van-col icon-prompt",
            bankcard: "不能签到、签出怎么办？",
            bankcardicon: "iconfont van-col icon-help",
            write: "",
            writeicon: "iconfont van-col icon-help",
            usercen:
              "领取任务之后，阅读任务详情以及培训手册，并且在规定的时间内并完成小测验；在抵达任务地点后点击“签到”，开始正式执行任务；在离开任务地点后点击“签出”；签出以后，开始填写报告内容，必须在规定的时间内，将报告填写完毕进行提交；",
            autonymcen:
              "签到、签出的地点必须是距离门店范围内500米，超出距离不能进行签到、签出；在任务执行过程中，一定要注意隐蔽性，一旦暴露身份，嘉宾身份就会做永久淘汰处理；签到时间必须要熟知自己执行任务的时间段，比如高峰期，只能在高峰期时间范围内执行，否则不能签到；签出时间必须要熟知自己执行任务需要几个小时，比如规定两个小时的用餐时间，签出的时间必须是签到时间之后的两个小时方能签到；具体的时间段规定的时间范围以及任务执行时长，请仔细参照各个任务的详情信息；离开门店一定要进行签出，否则不能填写报告；执行任务过程中的相关结账单一定要保存好，在审核结果没有出来之前，不能将小票进行丢弃或者遗失；执行任务的移动设备，必须与领取任务的移动设备保持完全的一致，否则无法进行签到等操作；",
            bankcardcen:
              "确保您处于目标门店；请确保移动设备在联网状态，且信号良好；请确保移动设备的定位功能开启，在“设置”中启用定位功能；请确保对小程序的获取位置等权限开启；请确保您处于门店范围内500米内；请确保您的移动设备与领取任务的时候是同一个移动设备；",
            writecen: " "
          }
        },
        {
          text: "填写报告",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "填写报告的注意事项是什么？",
            usericon: "iconfont van-col icon-prompt",
            autonym: "签出后48小时内与任务截止日期提前提交报告是什么意思？",
            autonymicon: "iconfont van-col icon-help",
            bankcard: "",
            bankcardicon: "",
            write: "",
            writeicon: "",
            usercen:
              "必须要根据任务详情以及培训资料中要求的进行操作执行；必须要客观公正的对门店进行评价，并且要有详细的案例进行有效的支撑；填写报告的移动设备必须与领取任务的移动设备保持完全的一致，否则无法提交报告；上传的小票结账单，在活动结束前，不能丢弃或遗失，否则影响报告审核；上传报告的视频或者是照片，必须是现场在规定的时间段内的拍摄，否则一旦识别出信息作假、盗用，任务作废并且账号进行永久淘汰处理；填写报告必须是本人进行操作，一经发现作假，任务作废并且账号进行永久淘汰处理；在提交报告之前，检查报告中是否有未填写完整选项，完整填写报告；",
            autonymcen:
              "签出后需在48小时之内且在任务截止日期前提交报告，有效期限取决于哪一个更早，不遵守规则会导致任务的失败；驳回的报告必须在截止日期前进行修改提交并审核通过；签出后超过48小时和任务周期结束后将无法提交报告，例如：如果截止时间设定为10月20日23:30，签出时间为10月20日22:00，那么有效的截止时间为10月20日23:30，而不是10月22日22:00；",
            bankcardcen: "",
            writecen: " "
          }
        },
        {
          text: "报告审核",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "报告提交后需多久完成审核？",
            usericon: "iconfont van-col icon-creditcard",
            autonym: "报告无法通过审核的原因是什么？",
            autonymicon: "iconfont van-col icon-add-account",
            bankcard: "驳回报告还能够再次进行修改提交吗？",
            bankcardicon: "iconfont van-col icon-add-account",
            write: "报告多次不合格（c级）后期会有什么影响？",
            writeicon: "iconfont van-col icon-help",
            usercen:
              "在用户提交报告之后，问卷将会在2-3天工作日内完成审核，并判断任务是否通过或是不通过；",
            autonymcen:
              "未达成任务详情中基础要求：如消费人数，消费金额、消费时间、消费地点等等；提交的图片证据不够清晰，或图文不符合；发生报告雷同，或是图片重新使用、盗用的现象；填写的内容不符合逻辑或是太苛刻，或是前后不符等；第九神秘顾客的身份被门店发现或者是自己主动暴露或者是经过举报，则任务作废并且账号进行永久淘汰处理；",
            bankcardcen:
              "自驳回时间算起，按照要求修改后24小时内重新上传即可，超时默认不通过；每位用户都有两次修改报告的机会，如果两次修改后仍然不符合要求，则报告不通过处理；",
            writecen:
              "如报告多次不合格，C级报告占比较大，将视情况直接淘汰处理，不会另行单独沟通。"
          }
        },
        {
          text: "报酬获取",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "为什么报告审核通过过还没有到账？",
            usericon: "iconfont van-col icon-rmb",
            autonym: "什么情况下，做了任务领取不到报酬？",
            autonymicon: "iconfont van-col icon-creditcard",
            bankcard: "",
            bankcardicon: "",
            write: "",
            writeicon: "",
            usercen:
              "7个工作日进行打款（中国内地）；提供完整的开户行及银联号才能保证准时打款，如果没有及时提供请在我的-卡包进行完善；持卡人必须是本人，银行信息要完善、无误；报酬若在规定时间内没有到账请查看手机银行的流水账单，确认没有打款后联系客服；     ",
            autonymcen:
              "报告内容不真实或未按照要求填写、应付差事及报告驳回修改后还不合格者；领取任务没有执行或没有按时提交报告者；没有按照任务要求执行者；",
            bankcardcen: "",
            writecen: " "
          }
        },
        {
          text: "用户淘汰与禁用",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "什么情况下，被列为淘汰名单？",
            usericon: "iconfont van-col icon-creditcard",
            autonym: "",
            autonymicon: "",
            bankcard: "",
            bankcardicon: "",
            write: "",
            writeicon: "",
            usercen:
              "领取任务后却不按时执行及未提交报告者，出现1次者账号禁用一个月，次月启用，累计3次者系统自动直接取消洞见者资格，账号淘汰处理。报告弄虚作假，直接盗取各网站上面的图片及评论者直接淘汰。报告内容相似度高，从之前报告内容套取者或者相互摘抄直接淘汰。不按照要求完成任务，态度不端正、无理取闹、强词夺理者，账号给予淘汰处理。领取任务后转让其他人去执行者或相互代写报告者，一经发现，直接淘汰。在门店完成任务时故意找茬，投诉门店等情况，直接淘汰。一人注册多个账号执行任务，一经发现，直接淘汰。故意暴露自己神秘顾客的身份，直接淘汰（如直接告知身份 ）。同是神秘顾客，但是一起执行任务者，一经发现，直接淘汰。执行任务本人与小程序实名认证信息不一致，一经发现，直接淘汰。",
            autonymcen: "",
            bankcardcen: "",
            writecen: " "
          }
        },
        {
          text: "客服联系方式",
          arrow: "arrow",
          arrowdown: "arrow-down",
          isShow: false,
          cent: {
            user: "可以通过邮箱进行咨询吗？",
            usericon: "",
            autonym: "",
            autonymicon: "",
            bankcard: "",
            bankcardicon: "",
            write: "",
            writeicon: "",
            usercen: "中国内地：intmob@beyondsoft.com",
            autonymcen: "",
            bankcardcen: "",
            writecen: " "
          }
        }
      ]
    };
  },
  methods: {
    cent(e) {
      Dialog.alert({
        message: e
      })
        .then(() => { })
        .catch(() => { });
    },
    btnshow(type, item) {
      item.isShow = !item.isShow;
    }
  }
};
</script>

<style lang='less'>
page {
  display: block;
  min-height: 100%;
  background: #fff;
}
.box {
  width: 100%;
  .header {
    padding: 0 17px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px #f9f9f9 solid;
    .header-cer {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .header_tab {
        .col_icon {
          color: rgba(86, 150, 255, 1);
          font-weight: bold;
        }
        .title {
          padding-left: 5px;
          font-size: 13px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: rgba(0, 0, 0, 1);
          line-height: 40px;
        }
        .van-icon {
          color: #999999;
          line-height: 40px;
        }
      }
    }
    .item-con {
      width: 100%;
      .footer-con {
        padding-left: 25px;
        box-sizing: border-box;
        display: flex;
        .footer-text {
          padding-left: 9px;
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(51, 51, 51, 1);
          line-height: 19px;
        }
        .van-col {
          width: 16px;
          height: 16px;
          color: #333333;
        }
      }
    }
  }
}
</style>
